


.dd-icon-blue{
  background: #1955AF;
}
.dd-icon-blue.border{
  background: #ffffff;
  border:1px solid #1955AF;
  color: #1955AF;
}

.dd-icon-blue-light{
  background: #3694C3;
}
.dd-icon-blue-light.border{
  background: #ffffff;
  border:1px solid #3694C3;
  color: #3694C3;
}

.dd-icon-green{
  background: #01826E;
}
.dd-icon-green.border{
  background: #ffffff;
  border:1px solid #01826E;
  color: #01826E;
}
.dd-icon-green-light{
  background: #68A820;
}
.dd-icon-green-light.border{
  background: #ffffff;
  border:1px solid #68A820;
  color: #68A820;
}
.dd-icon-red{
  background: #C73036;
}
.dd-icon-red.border{
  background: #ffffff;
  border:1px solid #C73036;
  color: #C73036;
}
.dd-icon-orange{
  background: #CE542A;
}
.dd-icon-orange.border{
  background: #ffffff;
  border:1px solid #CE542A;
  color: #CE542A;
}
.dd-icon-yellow{
   background: #CAA513;
}
.dd-icon-yellow.border{
  background: #ffffff;
  border:1px solid #CAA513;
  color: #CAA513;
}
.dd-icon-yellow-deep{
  background: #9E8D61;
}
.dd-icon-yellow-deep.border{
  background: #ffffff;
  border:1px solid #9E8D61;
  color: #9E8D61;
}

.dd-icon{
  display: inline-block;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  line-height: 30px;
}
.dd-icon + .dd-icon {
  margin-left: 8px
}
